﻿@media screen and (min-width:1025px){
	#banner .slick-active .bimg {  visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
	@-webkit-keyframes scaleUpDown {
	    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
	    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
	}
	@keyframes scaleUpDown {
	    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
	    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
	}
	.disappear .ibox{ transform: scale(0.8); opacity: 0.5;  transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
	.page.active .ibox{ transform: translate(0px,0px) scale(1);  transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; opacity: 1; }
	.box2inner .item1,.box2inner .item4,.box2inner .item7,.box2inner .item8,.box2inner .item10{ transform:rotateY(-90deg); -webkit-transform:rotateY(-90deg);  transform-origin: 100% 50% 0; -webkit-transform-origin: 100% 50% 0;}
.box2inner .item2,.box2inner .item3,.box2inner .item4,.box2inner .item5,.box2inner .item6,.box2inner .item5,.box2inner .item9{ transform:rotateY(90deg); -webkit-transform:rotateY(90deg);  transform-origin: 0 50% 0; -webkit-transform-origin: 0 50% 0;}
.active .box2inner .item{ transform:rotateY(0deg); -webkit-transform:rotateY(0deg); opacity: 1;}
.active .box2inner .item{ transform:rotateY(0deg); -webkit-transform:rotateY(0deg); opacity: 1;}
.active .box2inner .item1{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms;}
.active .box2inner .item2{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;}
.active .box2inner .item3{
  -webkit-transition:opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms;}
.active .box2inner .item5{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;}
.active .box2inner .item6{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms;}
.active .box2inner .item7{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms;}
.active .box2inner .item8{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms;}
.active .box2inner .item9{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;}
.active .box2inner .item10{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms;}
.active .box2inner .item11{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;}
  .hrMenu a:hover .cbg{ height: 100%;}
  .disappear .box4Ttx { -webkit-transform-origin: 100% 0 0; -moz-transform-origin: 100% 0 0; -ms-transform-origin: 100% 0 0; -o-transform-origin: 100% 0 0; transform-origin: 100% 0 0; -webkit-transform: perspective(300px) rotateY(-90deg); -moz-transform: perspective(300px) rotateY(-90deg); -ms-transform: perspective(300px) rotateY(-90deg); -o-transform: perspective(300px) rotateY(-90deg); transform: perspective(300px) rotateY(-90deg); }
  .active .box4Ttx, .m-active .box4Ttx { -webkit-transform: perspective(300px) rotateY(0deg); -moz-transform: perspective(300px) rotateY(0deg); -ms-transform: perspective(300px) rotateY(0deg); -o-transform: perspective(300px) rotateY(0deg); transform: perspective(300px) rotateY(0deg); }
}
@media screen and (max-width:1600px){
	.nav{ margin-bottom: 40px;}
	.nav dd{ font-size: 14px;}
	.nav dd .t{ font-size: 16px; margin-bottom: 15px;}
	.greeItem .text .c{ top: 25%;}
	.greeItem .iimg{ width: 180px; height: 180px;}
	.happinessList .con li .ico{ margin-bottom: 5px;}
	.happinessList .num{ font-size: 80px; right: 5%; }
	.happinessList dd:hover .numbox{ right: 5%;}
	.happinessList dd:hover .by{ left: 5%;}
	.happinessList dd:hover .con{ left: 5%;}
	.happinessList .con{ width: 90%;}
	.happinessList .con li{ height: 130px; width: 30%; margin-right: 3%;}
	.goldDemo .list{ font-size: 16px;}
	.threeSerBox{ height: 750px;}
	.goldDemo,.RepairPage{ height: 375px;}
	.goldDemo .name{ top: 100px;}
	.goldDemo .list{ margin-top: 100px;}
	.goldBox .img{ width: 90%;}
	.aboutLifePage .con{ padding: 30px 10%;}
	.aboutLifePage .img{ height: 335px;}
	.greeItem .text .en { font-size: 35px;}
}
@media screen and (max-width:1500px){
	.proListBanner .proinner{ width: 1200px; margin-left: -600px;}
	.proList{ width: 1200px;}
	.proList .item{ height: 298px;}
	.proList2{ width: 1220px;}
	.proList2 a.item{ margin:0px 10px 0px;}
	.proList2 li{ width: 406px;}
	.proList2 li.twoItem{ width: 812px;}
	.proList2 li.twoItem .img{ width: 386px;}
	.proList2 .twoItem .con{ height: 80%;}
	.proList2 .twoItem .con .c{ width: 90%;}
	.productPCon{ width: 1000px; margin-left: -500px; top: 16%;}
	.productPCon dd{ width: 560px;}
	.productPCon dt{ font-size: 70px;}
	.productPCon .t{ margin-bottom: 35px;}
}
@media screen and (max-width:1370px){
	.nav{ width: 900px; margin-bottom: 20px;}
	.menubot{ width: 900px;}
	.box2inner{ margin: -242px 0 0 -492px;}
	.box4Ttx .c{ margin-bottom: 46px;}
	.ibox5c{ width: 440px; height: 440px; margin: -220px 0px 0px -220px;}
	.ibox5c .item{ width: 220px; height: 220px;}
	.ibox5c .item .txt,.ibox5c .item .info{ width: 160px; height: 220px;}
	.ibox5c .item1 .info{ background-size: 100% auto;}
	.ibox5c .item .info .num{ font-size: 40px;}
	.ibox5c .item .info .i{ font-size: 20px;}
	.ibox5c .item .txt .c{ height: 148px;}
	.bg62 .txt .t{ font-size: 28px;}
	.about-en,.culturePbox .en{ font-size: 34px;}
	.about-t,.culturePbox .zh{ font-size: 18px;}
	.oneCultrue .by{ font-size: 30px;}
	.oneCultrue .en{ font-size: 28px;}
	.greeItem .text{ width: 40%;}
	.greeItem .text .c{ top: 18%; width: 50%;}
	.greeItem .iimg{ width: 140px; height: 140px;}
	.pbanner2 .en{ font-size: 50px;}
	.pbanner2 .zh{ font-size: 22px;}
	.happinessList .con li{ height: 120px;}
	.RepairPage .ser-en{ font-size: 40px;}
	.goldDemo .list{ margin-right: 5%;}
	.proListBanner .proinner{ width: 1000px; margin-left: -500px;}
	.proListBanner .pcon{ padding: 44px 40px;}
	.proListBanner .en{ font-size: 34px}
	.proListBanner .zh{ font-size: 26px}
	.proListBanner .bot{ margin: 30px auto;}
	.proList{ width: 1000px;}
	.proList .item{ height: 246px;}
	.proList .con .en{ font-size: 26px;}
	.proList2{ width: 1020px;}
	.proList2 li{ width: 340px;}
	.proList2 li.twoItem{ width: 680px;}
	.proList2 li.twoItem .img{ width: 320px;}
	.proList2 .twoItem .con .c{ font-size: 13px; max-height: 140px; overflow: hidden;}
	.proinfoImg{ width: 1200px; margin: 0px auto;}
	.proinfoList{ width: 90%;}
	.productPCon{ width: 80%; margin-left: 0px; left: 10%; top: 12%;}
	.productPCon dd{ width: 62%}
	.productPCon dt{ font-size: 50px; width: 20%; padding: 35px 5%;}
	.itemC .con{ top: 35%;}
	.itemC .con .t{ font-size: 24px;}
	.itemC .con .c{ font-size: 16px;}
	.aboutLifePage .t{ font-size: 18px; margin-bottom: 20px;}
	.aboutLifePage .c{ font-size: 13px;}
	.brandBox .en{ font-size: 50px;}
	.brandBox .zh{ font-size: 28px;}
}
@media screen and (max-width:1280px){
	.footnav span{ padding: 0px 4px;}
	.inner{ width: 1000px;}
	.pagenav .inner{ width: 100%;}
	.twoPorfile-con{ padding: 95px; width: 730px;}
	.oneCultrue{ width: 800px;}
	.twoCultrue .con{ top: 25%;}
	.twoCultrue dd:hover .con{ top: 14%;}
	.twoCultrue dd:hover .by2{ margin: 3% auto 4%;}
	.proces-T .item1{ font-size: 36px;}
	.proces-T .item2{ font-size: 46px;}
	.greeItem .text .c{ top: 10%;}
	.greeItem .text .en{ font-size: 30px; width: 140px;}
	.greeItem .text .zh{ font-size: 22px;}
	.greeList{ top: 0px;}
	.greeList dd{ height: 120px; padding-top: 30px;}
	.greeList dd i{ margin-bottom: 20px;}
	.greeItem .text .i{background-position: -16px 0px; padding-bottom: 27px;}
	.pbanner2 .en,.pbanner2 .proTypeBox .en{ font-size: 40px;}
	.pbanner2 .zh,.pbanner2 .proTypeBox .zh{ font-size: 20px;}
	.happinessList .num{ font-size: 60px;}
	.happinessList .zh{ font-size: 14px;}
	.happinessList .con li{ height: 102px; font-size: 12px;}
	.happinessList .con li .ico{ width: 40px;}
	.happinessList dd:hover .by{ top: 5%;}
	.happinessList dd:hover .numbox{ top: 4%;}
	#storePage .ser-en{ font-size: 40px;}
	.proListBanner .en{ font-size: 30px}
	.proListBanner .zh{ font-size: 22px}
	.proListBanner .bot{ margin: 20px 0px;}
	.proinfoImgBox{ padding: 0px;}
	.proinfoImg{ width: 100%;}
	.productPCon dt{ font-size: 46px;}
	.wpro .en{ font-size: 60px;}
	.itemC .con{ top: 15%;}
	.hrMenu{ margin: 0px 0px 0px 500px; padding-left: 0px;}
	.hrMenu a{ width: 90px; }
	.logo .name{ font-size: 16px; right: -120px;}
	.pbannerbox .con2 .t{ font-size: 32px;}
	.pbannerbox .con2{ height: 90px;}
	.hrAbout_box,.hrBox,.applicationBox,.CareerPage{ padding: 60px 0px;}
	.applicationList{ width: 990px;}
	.applicationList .item1 .line{ width: 0px;}
	.applicationList .item8 .line, .applicationList .item8{ width: 0px;}
	.applicationList .item1{width: 120px;}
	.brandBox .en{ font-size: 40px;}
	.brandBox .zh{ font-size: 22px;}
	.servicePage .owl-theme .owl-controls .owl-buttons div.owl-prev{ left: -92px;}
	.servicePage .owl-theme .owl-controls .owl-buttons div.owl-next{ right: -92px;}
	.mapbox{ height: 400px;}
}
@media screen and (max-width:1024px){
	.backTop,.qiyeQQ{ right: 9px;}
	.inner{ width: 90%;}
	.content{ position:initial;}
	.filler{ display: none;}
	.logo,.pagesider2 .logo, .pagesider3 .logo, .pagesider5 .logo{ background:url(../images/logo1.png) no-repeat; background-size: cover; width: 180px; height: 44px; left: 5%; top: 11px;}
	.menu,.topfix .menu{ top: 9px; right: 9px; width: 88px; font-size: 14px;}
	#boxsider{ height: 66px !important; background-color: #fff; position: fixed; left: 0px; top: 0px; width: 100%; z-index: 10000;}
	.mtop{ height: 66px;}
	.open .menuBox{ height: 0%; padding: 0% 0px 0px;}
	.open .menuMobileBox{ height: 100%;}
	.open .mobileLogo{ padding-top: 54px;}
	.open .navMobile dd p a{ padding: 8px 0px; opacity: 1;}
	.open .msharpT,.open .menuMobileBox .sharpBox,.open .menuMobilelink{ opacity: 1;}
	.footBox{ height: auto; padding: 40px 5% 4%;}
	.linkDL{ padding-bottom:0px;}
	.linkDL dd{ float: none; width: 100%;}
	.linkDL dd.lin0{ margin-bottom: 25px; width: auto;}
	.footnav{ text-align: left; padding-top: 20px;}
	.footnav a{ margin-right: 10px;}
	.footnav span{ display: none;}
	.linkDL dd.lin0 .sharpBox a{ margin-right: 10px;}
	.linkDL .lin2 a{font-weight: bold; color: #787878; line-height: 2.5;}
	.linkDL dd.lin1{ padding-bottom: 25px;}
	.linkDL dd.lin1 .pk{ margin-bottom: 5px;}
	.linkDL dd.lin1 .br{ padding-left: 20px; display: inline-block;}
	.linkDL dd.lin2,.linkDL dd.lin1{ width: 100%;}
	.sharpBox{ float: none;}
	.sharpBox a{ margin: 0px 20px 0px 0px;}
	#banner .slick-dots{ left: 5%;}
	#s2 .ibox{ padding: 80px 0px;}
	#s2 .ibox .bg2{ position: absolute; left: 0px; top: 0px;}
	.m-active .box2inner .item{ transform:rotateY(0deg); -webkit-transform:rotateY(0deg); opacity: 1;}
	.box2inner{ width: 726px; position: relative; margin: 0px auto; left: auto; top: auto; height: auto;}
	.box2T{ height: auto; position: static; left: auto; top: auto; margin-bottom: 50px; width: 100%;}
	.box2T .t{ font-size: 32px;}
	.box2T .c{ height: auto;}
	.box2C{ position: relative; height: 484px;}
	#s3 .ibox{ height: 500px;}
	#s3 .linBox .txt .t{ font-size: 32px;}
	#s3 .linBox .txt .i{ font-size: 16px;}
	#s3 .linBox .txt .bot{ width: 350px;}
	#s4 .ibox{ position: relative; padding: 80px 0px;}
	#s4 .ibox .bg4{ position: absolute; left: 0px; top: 0px; }
	.box4Ttx{ position: relative;  text-align: center; margin: 0px auto; right: auto; top: auto; display: block;}
	.box4Ttx .more{ margin: 0px auto;}
	#s5 .ibox{ height: 600px;}
	#s6 .ibox{ height: 600px;}
	.bg62 .txt .t{ font-size: 24px;}
	.top{ height: 66px; background-color: #f8f8f8; background-color: rgba(255,255,255,0.9);}
	.profilePbox{ padding: 60px 0px;}
	.profilePbox .con{ margin: 38px 0px;}
	.culturePbox .en{ font-size: 30px;}
	.culturePbox .zh{ font-size: 16px;}
	.culturePbox .con{ width: 300px; margin-left: -150px; top: 25%;}
	.culturePbox .black{ width: 100%; height: 100%; left: 0px; top: 0px; opacity: 1; filter:alpha(opacity=100);}
	.culturePbox .zh{ padding: 16px 0px;}
	.culturePbox .bot1{ width: 100%;}
	.culturePbox .bot2{ opacity: 0; visibility: hidden;}
	.culturePbox .btn-more { visibility: visible; opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px);}
	.culturePbox a:hover .con{ top: 25%;}
	.processPbox{ background-attachment: initial; padding: 80px 0px;}
	.onePorfile{ padding: 60px 0px 80px;}
	.pagenavBox{ height: auto; position: relative;}
	.cpnav{ display: block;}
	.pagenavBox .inner{ position: absolute; left: 0px; top: 50px; width: 100%; z-index: 800; display: none;}
	.pagenavBox .inner a{ width: 100%; display: block; border-right: 0px none; background-color: rgba(0,149,114,0.7);}
	.pagenavBox .inner a.act{ background-color: rgba(13,183,143,0.8);}
	.pagenav.fixed{ top: auto; position: inherit;}
	.twoPorfile{ background-attachment: inherit;}
	.twoPorfile-con{ width: 74%; padding:40px 7%; top: -40px;}
	.twoPorfile-con .yico{ background: none #009572; border-radius: 50%;}
	.twoPorfile-con .yico i{ transform: scale(0.8); -webkit-transform: scale(0.8);}
	.oneCultrue{ width: 90%; overflow: hidden; padding: 40px 5% 100px 5%;}
	.oneCultrue .by{ font-size: 32px;}
	.oneCultrue .zh{ margin-bottom: 40px;}
	.twoCultrue .con{ background-color: #009470; display: block; padding:40px 0px; width: 100%; left: auto; position: relative; top: auto;}
	.twoCultrue dd:hover .con{ top: auto;}
	.twoCultrue dd:hover .blue{ display: none;}
	.twoCultrue dd .by1{ opacity: 0; transform: translate(0px,-50px); -webkit-transform: translate(0px,-50px); height: 0px; margin-bottom: 0px; overflow: hidden;}
	.twoCultrue dd .by2,.twoCultrue dd:hover .by2{ opacity: 1; margin: 3% auto 6%; visibility: visible;}
	.twoCultrue dd .t .bot1{ visibility: hidden; opacity: 0;}
	.twoCultrue dd .t .txt{ padding: 0px 0px 12px;}
	.twoCultrue dd .c{ display: block; height: 72px;}
	.twoCultrue dd .lico,.twoCultrue dd:hover .lico{ display: none;}
	.proces-Inner{ width: 90%;}
	.proces-T .item1{ font-size: 32px;}
	.proces-T .item2{ font-size: 40px;}
	.proces-info{ margin: 60px auto;}
	.proces-list dd{ padding: 30px 44px 0px;}
	.proces-L .txt,.proces-R .txt{ width: auto;}
	.pagePadding{ padding: 60px 0px;}
	.newItem{ margin-left: 4%; width: 28%;}
	.ninfoT{ margin-top: 0px;}
	.ninfoT .t{ font-size: 22px;}
	.infoC{ width: 90%; margin: 0px auto;}
	.infoPaging .inner{ width: 100%;}
	.infoPaging a{ padding: 10px 4px;}
	.mtop2{ height: 0;}
	.vwrap .videobox { width: 700px; margin-left: -350px; }
	.videoList{ width: 80%; margin: 0px auto; padding: 50px 0px;}
	.greenChainBox .en{ font-size: 40px;}
	.greenChainBox .zh{ font-size: 22px;}
	.greeList{ display: none;}
	.greeDemo .imgitem{ display: none;}
	.greeItem{ position: relative; left: auto !important; top: auto; margin:0px auto 20px; width: 80%; padding: 5%;}
	.greeItem .img{ float: left; display: block;}
	.greeItem .text{ position: relative; float: left; display: block; left: auto; margin-left: 5%; width: 45%;}
	.greeItem .text .zh{ margin-bottom: 10px;}
	.greeItem .text .en{ width: auto; margin-bottom: 10px;}
	.greeItem .text .by{ display: none;}
	.greeItem .text .i{ margin-top: 0px; }
	.greeItem .text .c{ position: relative; right: auto; top: auto; width: 100%;}
	.greeItem .iimg{ right: auto; left: -2%; width: 100px; height: 100px;}
	.pbanner2 .en,.pbanner2 .proTypeBox .en{ font-size: 32px;}
	.pbanner2 .zh,.pbanner2 .proTypeBox .zh{ font-size: 16px;}
	.pbanner2 .by{ display: none;}
	.happinessList .num{ font-size: 120px;}
	.happinessList .numbox,.happinessList dd:hover .numbox{ position: relative; display: block; right: auto; top: auto; margin: 0px auto; padding: 30px 0px;}
	.happinessList .numbox .zh,.happinessList dd:hover .numbox .zh{ opacity: 1; visibility: visible;}
	.happinessList dd:hover .wihl{ display: none;}
	.happinessList .by,.happinessList dd:hover .by{ display: none;}
	.happinessList .con,.happinessList dd:hover .con{ width: 90%; margin: 0px auto; position: relative; top: auto; left: auto; opacity: 1; visibility: visible; bottom: auto;}
	.happinessList .con li{ width: 30.33%; text-align: center;}
	.happinessList .con li .ico{ margin: 0px auto; display: block;}
	.happinessList dd:nth-child(2){ background-color: #F8F8F8;}
	.wholeheartedlyB{ padding: 50px 0px;}
	.ser-en{ font-size: 32px;}
	.ser-zh{ font-size: 20px;}
	.ser-i{ font-size: 14px;}
	.wholeheartedlyImg{ background-attachment: inherit;}
	.threeSerBox{ height: auto;}
	.goldBox,.threeSerBox .rightBox{ width: auto; float: none;}
	.goldBox{ padding-bottom: 40px;}
	.goldBox .img{ width: 500px; margin: 0px auto;}
	#storePage .inner{ width: 90%;}
	.fakeBox{ padding-left: 0px;}
	.proBox{ padding-right: 0px;}
	.proBox .flex-direction-nav .flex-next{ display: none;}
	.proBanner .con .t{ font-size: 32px;}
	.productNav li{ width: 20%;}
	.screenBox{ padding: 35px 0px;}
	.serachBox{ height: 50px; width: 60%; padding: 0px 70px 0px 20px; border-radius: 30px; position: relative; margin: 0px auto; right: auto; bottom: auto; background-color: #fff;}
	.serachTxt,.serachBtn{ height: 50px; width: 70px;}
	.serachBtn{ position: absolute; right: 0px; top: 0px;}
	.serachTxt{ width: 100%; font-size: 16px;}
	.screenBtn{ display: block;}
	.productList dd{ width: 31.33%; margin: 0px 1% 35px;}
	.productList dd .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); }
	.productList dd .con{ background-color: #009572; color: #fff;}
	.productList dd .bot{ width: 100%;}
	.productList dd .botoom{ bottom: 68px; opacity: 1; visibility: visible;}
	.proTop{ height: 0px;}
	.proListBanner .img{ display: none;}
	.proListBanner .proinner{ position: relative; left: auto; bottom: auto; margin-left: 0px; width: auto;}
	.proListBanner .pcon{  margin: 80px 0px 80px 5%; width: 80%; padding: 40px 5%; float: none;}
	.proList{ width: 95%;}
	.proList li{ width: 50%;}
	.proList li.item2{ width: 100%;}
	.proList .item{ height: auto; margin: 0 5% 20px;}
	.proList li.item2 .item{ padding: 45px 0px; margin: 0px 2.5% 20px;}
	.verMidOut{ display: block; position: relative; left: auto; top: auto; padding: 0px 5%; text-align: center; z-index: 10;}
	.verMidMid{ display: block; top: auto; }
	.verMidIn{ position: relative; top: auto; width: 100%;}
	.pageCur{ margin-top: 0px;}
	.proinfoDemo{ width: 90%;}
	.proinfoDemo dt{ float: none; margin: 0px 5%; width: 90%;}
	.proinfoDemo dd{ float: none; width: auto; padding:30px 5% 40px; text-align: center;}
	.proListPage{ background-attachment: initial;}
	.proList2{ width: 90%;}
	.proList2 li{ width: 100%; float: none;}
	.proList2 a.item{ margin: 0px;}
	.proList2 .oneItem .black{ display: none;}
	.proList2 li.twoItem{ width: 100%;}
	.proList2 li .img,.proList2 li.twoItem .img{ width: 50%;}
	.proList2 .oneItem a:hover .img{ -webkit-transform: scale(1); transform: scale(1);}
	.proList2 .oneItem .con{ position: absolute; left: 54%; width: 42%; color: #060606;}
	.proList2 .twoItem .con{ height: 84%;}
	.proList2 .twoItem .con .c{ width: auto; max-height: auto;}
	.proList2 .twoItem .con .bot{ width: 150px; background-color: #00865E;}
	.proList2 .oneItem .con .bot{ width: 150px;}
	.proList2 a:hover .filler2-left { height: 0%; }
	.proList2 a:hover .filler2-right { height: 0%; }
	.proList2 a:hover .filler2-top { width: 0%; }
	.proList2 a:hover .filler2-bottom { width: 0%; }
	.wpro{ width: 90%;}
	.wpro .en{ font-size: 50px;}
	.productPCon{ width: 100%; position: relative; left: auto; top: auto; background: none #009572;}
	.proContact{ position: relative; left: auto; bottom: auto; padding: 20px 0px;}
	/*.exprienceBox{ float: none; width: 50%; background-position: left center; padding-left: 50%; background-size: cover;}
	.exprienceBox .en{ color: #009470;}
	.exprienceBox .btn-more{ border-color: #009572;}
	.exprienceBox .btn-more .bbg{ right: -35%; visibility: visible; opacity: 1;}
	.exprienceBox .btn-more .bc{ color: #fff;}
	.furnitureBox{ float: none; width: 100%;}*/
	.typeBox{ padding-top: 60px;}
	.itemC .con .t{ font-size: 20px;}
	.proIpic .flex-direction-nav a{ width: 40px; height: 40px; margin-top: -20px;}
	.proIpic .flex-direction-nav a .ico{ transform: scale(0.8); background-color: transparent;}
	.proPrev,.proNext{ width: 40px; height: 40px;line-height: 40px; margin-top: -20px;}
	.securitylist li{ width: 48%;}
	.hrBox{ width: 90%;}
	.hrTop{ height: 106px;}
	.hrTop.topLogo .logo{ width: 147px;}
	.logo .name{ font-size: 12px; right: -84px;}
	.homeBtn{ padding: 0px; height: 66px; width: 60px;}
	.homeBtn .ico{ font-size: 14px; height: 0px; overflow: hidden; padding-top: 66px; background-position: center center;}
	.hrMenu{ margin: 0px; padding:66px 0px 0px 0px; width: 100%; }
	.hrMenu a{ padding: 0px; height: 40px; line-height: 40px; width: 25%; background-color: #5AD7B9; color: #fff; font-size: 14px;}
	.hrMenu a .cbg{ background-color: #0db78f;}
	.hrMenu a .i{ color: #fff;}
	.mtop3{ height: 106px;}
	.pbannerbox .con2{ margin-top: -45px;}
	.joinImg{ padding: 120px 0px; background-attachment: inherit;}
	.hrList .hot{ left: 10%; transform: scale(0.9); -webkit-transform: scale(0.9);}
	.hrList .hicon{ width: 10%;}
	.hrList .hspan:nth-child(4),.hrList .hspan:nth-child(5){ display: none;}
	.hrList .hspan:nth-child(2),.hrList .hspan:nth-child(3){ width: 35%;}
	.hrList .hspan:nth-child(6){ width: 20%;}
	.hrList .hrB{ margin-left: 10%;}
	.applicationPage{ background-attachment: inherit;}
	.applicationList{ width: 80%;}
	.applicationList li,.applicationList .item1{ width: 33.33%; position: relative; margin-top: 25px;}
	.applicationList .item7{ width: 100%;}
	.applicationList li .line,.applicationList .item1 .line{ display: none;}
	.applicationList .t{ margin: 0px auto; float: none;}
	.applicationList .y1{ border: 2px solid #009470; background: none #fff; border-radius: 50%; box-sizing: border-box;}
	.applicationList .y2{ background:none #009470; border-radius: 50%;}
	.applicationList .tr .y1{ opacity: 0;transform: scale(1.2); -webkit-transform: scale(1.2);}
	.applicationList .t .y2 { opacity: 1;transform: scale(1); -webkit-transform: scale(1);visibility: visible;}
	.applicationList .t .name{ color: #fff;}
	.applicationList .t .name i{ width: 16px;}
	.aboutUsPc{ width: 86%;}
	.aboutCulturePage{  background-attachment: inherit;}
	.aboutCultureDL dd{ width: 40%; margin: 0px 5%;}
	.aboutLifePage dd{ width: 100%; float: none;}
	.aboutLifePage dd .filler2-left{ height: 96%; }
	.aboutLifePage dd .filler2-right{ height: 96%;}
	.aboutLifePage dd .filler2-top{ width: 96%;}
	.aboutLifePage dd .filler2-bottom{ width: 96%;}
	.aboutLifePage .img{ float: left; display: block; width: 50%;}
	.aboutLifePage .con{ padding: 60px 6% 0px; float: left; display: block; width: 38%;}
	.aboutLifePage .c{ font-size: 14px;}
	.aboutLifePage .num{ top: 25px; margin-top: 0px; margin-right: 0px; right: 10%; opacity: 1; visibility: visible;}
	.aboutLifePage .twoDD .num{ top: 25px; margin-top: 0px;}
	.aboutUsPage{ padding: 60px 0px;}
	.brandPage{ padding: 60px 0px;}
	.brandBg{ bottom: 0px; background-attachment: initial; background-size: cover;}
	.brandBox{ width: 66%; padding:50px 8%; float: none; margin: 0px auto;}
	.serviceDemo{ width: 90%;}
	.servicePage .owl-theme .owl-controls .owl-buttons div.owl-prev{ left: -22px;}
	.servicePage .owl-theme .owl-controls .owl-buttons div.owl-next{ right: -22px;}
	.yearQuanBox{ width: 86%;}
	.yearQuanBox .by{ font-size: 32px;}
	.yearQuanBox .t{ font-size: 40px;}
	.yearQuanBox .c{ font-size: 16px;}
	.leftBox{ width: 40%;}
	.contactPage{ width: 90%; padding: 50px 0px;}
	.goldList{ width: 100%;}
	.goldList .botoomN{ display: none;}
	.goldList .filler2-left { height: 100%; }
	.goldList .filler2-right { height: 100%; }
	.goldList .filler2-top { width: 100%; }
	.goldList .filler2-bottom { width: 100%; }
	.glodInner{ width: 90%;}
	.goldList .more{ width: 100%;}
	.goldBottom{ padding: 50px 0px 60px;}
	.retxt { padding: 10px 15px; line-height: initial; height: auto;}
}
@media screen and (max-width:860px){
	.box2T{ position: relative; top: auto; left: auto;}
	.box2inner{ width: 484px;}
	.box2C{  margin: 0px auto;}
	.box2inner .item1{ right: auto; left: 0px; top: 0px;}
	.box2inner .item2{ right: auto; top: 0px; left: 121px;}
	.box2inner .item3{ right: 0px; top: 0px;}
	.box2inner .item4{ right: auto; left: 0px; top: 121px;}
	.box2inner .item5{ right: 121px; top: 121px;}
	.box2inner .item6{ right: auto; left: 0px; top: 242px;}
	.box2inner .item7{ right: auto; left: 121px; top: 242px;}
	.box2inner .item8{ right: 0px; top: 242px;}
	.box2inner .item9{ right: 242px; top: 363px;}
	.box2inner .item10{ right: 121px; top: 363px;}
	.box2inner .item11{ display: none;}
	#s3 .linBox .txt .t{ font-size: 28px;}
	#s3 .linBox .txt .bot{ width: 300px;}
	.bg62 .txt .t{ font-size: 22px;}
	.nearbybtn{ margin-top: 7%;}
	.profilePbox{ width: 80%;}
	.culturePbox dd{ width: 100%; display: block;}
	.culturePbox .con{ top: 50%; margin-top: -77px;}
	.culturePbox a:hover .con{ top: 50%;}
	.processPCon{ width: 90%;}
	.historyPbox .lico{ padding-left: 50px;}
	.onePorfile{ width: 80%;}
	.onePorfile .t1{ font-size: 22px;}
	.onePorfile .t2{ font-size: 40px;}
	.onePorfile .con{ font-size: 24px;}
	.twoCultrue dd .c{ display: block;}
	.newItem{ margin:0px 4% 40px; width: 42%;}
	.vwrap .videobox { width: 560px; margin-left: -280px; }
	.videoa .t{ font-size: 22px;}
	.videoList .videoa{ padding: 28px 15px 15px;}
	.videoa .by{ margin-bottom: 30px;}
	.twoServiceBox dd{ width: 100%; float: none; background-color: #fff;}
	.twoServiceBox .c{ height: auto !important;}
	.twoServiceBox dd .lico{ width: 70%;}
	.twoServiceBox dd .lico2{ opacity: 0; visibility: visible;}
	.goldBox .img{ width:400px;}
	#storePage .ser-en{ font-size: 32px;}
	.proList .con { top: 35%;}
	.proList .con .en{ font-size: 22px;}
	.proList .con .zh{ font-size: 15px;}
	.proList .con .bot{ margin: 8px auto;}
	.proinfoList li{ width: 49%;}
	.wpro .en{ font-size: 40px;}
	.productPCon dt{ float: none; width: auto;}
	.productPCon dd{ float: none; width: auto; padding: 0px 5% 50px;}
	.proIbox1{ float: none; width: 100%;}
	.proIbox1 .itemC,.proIbox1 .itemImg{ float: left; display: block; width: 50%;}
	.proIbox2{ width: 33.33%;}
	.proIbox3,.proIbox4{ width: 66.66%;}
	.securitylist ul{ margin-left: 0px;}
	.securitylist li{ width: 100%; margin: 0px 0px 20px;}
	.hrAbout_List a{ width: 200px; height: 200px;}
	.hrAbout_List{ margin: 50px 0px;}
	.CareerBox{ width: auto;}
	.aboutCultureDL dd{ float: none; width: 100%; margin: 0px 0px 40px; height: auto; text-align: center;}
	.aboutCultureDL dd .bot{ margin: 12px auto;}
	.yearQuanBox{ width: 90%;}
	.yearQuanBox .t{ font-size: 38px;}
	.contact-dl dd.conBox,.contact-dl dd.ewmBox{ width: auto; float: none;}
	.contact-dl dd.ewmBox li{ padding: 0px 22px 20px 0px;}
	.goldList .t,.glodBanner .t{ font-size: 24px; line-height: 1.2; margin-bottom: 5px;}
}
@media screen and (max-width:641px){
	.menuMobilelink a{ margin: 0px; width: 25%; display: inline-block;}
	.page{ position: relative;}
	#s2 .ibox{ padding: 50px 0px;}
	.box2inner{ width: 100%;}
	/*.box2T{ height: 90px;}
	.box2T .t{ float: left; display: block; width: 50%;}
	.box2T .c{ float: right; display: block; width: 44%; font-size: 14px; line-height: 1.8; height: 74px;}
	.box2inner .item .bg{ width: 96px; height: 36px; padding-top: 60px; left: 50%; top: 50%; margin:-48px 0px 0px -48px;}*/
	.box2T{ margin:0px auto 30px; width: 90%;}
	.box2inner .item{ width: 96px; height: 96px;}
	.box2C{ height: 384px; width: 288px;}
	.box2inner .item1{ right: auto; left: 0px; top: 0px;}
	.box2inner .item2{ right: auto; top: 0px; left: 96px;}
	.box2inner .item3{ right: 0px; top: 0px;}
	.box2inner .item4{ right: auto; left: 0px; top: 96px;}
	.box2inner .item5{ right: 0px; top: 96px;}
	.box2inner .item6{ right: auto; left: 96px; top: 192px;}
	.box2inner .item7{ right: 0px; left: auto; top: 192px;}
	.box2inner .item8{ right: 192px; top: 288px;}
	.box2inner .item9{ right: 96px; top: 288px;}
	.box2inner .item10{ right: 0px; top: 288px;}
	.box2inner .item11{ display: block; right: auto; left: 0px; top: 192px;}
	.box2inner .item .bg{ font-size: 13px;}
	#s3 .linBox{ width: 100%; height: 50%; float: none; display: block;}
	#s3 .linBox .txt{ top: 40%;}
	#s3 .ibox{ height: 580px;}
	#s6 .linBox{ width: 100%; float: none;}
	#s6 .ibox{ height: 400px;}
	#s6 .bg60{ display: none;}
	.bg62 .txt{ top: 38%;}
	.bg61 .black{ position: absolute; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; display: block;}
	.bg61 .txt{ position: absolute; left: 0px; top: 42%; text-align: center; color: #fff; width: 100%; line-height: 1.5; display: block;}
	.bg61 .txt .t{ font-size: 28px;}
	.bg61 .txt .c{ font-size: 16px;}
	.box6Con{ padding-top: 50px;}
	.loginbtn{ width: 60px; height: 60px; line-height: 60px;}
	.linkDL dd.lin1 .br{ padding-left: 0px; display: block;}
	.about-en{ font-size: 32px;}
	.about-t{ font-size: 16px;}
	.profilePbox{ width: 90%;}
	.historyPbox .lico{ padding-left: 20px;}
	.twoCultrue dd{ width: 100%; float: none;}
	.twoCultrue dd .c{ height: auto;}
	.proces-T .item1{ font-size: 24px;}
	.proces-T .item2{ font-size: 32px;}
	.proces-info .item1{ font-size: 18px;}
	.vwrap .videobox { width: 400px; margin-left: -200px; height: 350px;  margin-top:-175px;}
	.videoList{ width: 90%;}
	.greenChainBox{ padding: 60px 0px;}
	.greeItem .img{ width: auto; float: none;}
	.greeItem .text{ margin:30px 0px 0px; width: auto; float: none;}
	.greeItem .iimg{ display: none;}
	.greeItem .text .c{ text-indent: 0;}
	.pbanner2 .img{ width: 160%;}
	.happinessList dd{ width: 100%; float: none; background-color: #F8F8F8;}
	.twoServiceBox .ico{ width: 70px;}
	.RepairPage .ser-en{ font-size: 32px;}
	.RepairPage{ height: auto; padding-bottom: 50px;}
	.RepairPage .item1{ float: none;}
	.RepairPage .item2{ position: relative; right: auto; bottom: auto; margin: 0px auto; padding: 30px 0px 0px;}
	.RepairPage .ico{ left: auto; right: 5%; background-size: cover; width: 50px; height: 48px; bottom: auto; top: 5%;}
	.mbtn{ float: none; margin: 0px auto;}
	.goldDemo .name{ top: 0px;}
	.goldDemo .list{ margin-top: 160px;}
	.goldBox .img{ width:90%;}
	.proBanner .con{ text-align: center; left: 5%; width: 90%; top: 30%;}
	.proBanner .btn-more{ margin: 5% auto 0px;}
	.productNav li{ width: 25%;}
	.productNav a{ padding: 10px 0px; height: auto;} 
	.productNav a .ico{ margin-bottom: 0px; width: 35px; height: 35px;}
	.productList dd{ width: 46%; margin: 0px 2% 20px;}
	.psico{ border-radius: 50%; background:none #e5e5e5;}
	.psico:hover{ background:none #009470;}
	.prolistType{ text-align: left;}
	.prolistType a{ display: inline-block; padding: 2px 0px; width: 30%; margin: 0px 1% 4px; text-align: center;}
	.proList{ width: 100%;}
	.proList li{ width: 100%;}
	.proList li.item2 .item{ margin: 0px 5% 20px;}
	.proinfoImgBox{ padding-bottom: 50px;}
	.proinfoDemo{ width: 100%; top: auto;}
	.proinfoDemo dd{ text-align: left;}
	.proList2 .twoItem .con{ top: 38%; text-align: center; height: auto;}
	.proList2 .twoItem .con .c{ display: none;}
	.proList2 .twoItem .con .bot{ margin: 10px auto;}
	.proList2 .con .en,.proList2 .twoItem .con .en{ font-size: 22px;}
	.proList2 .con .zh,.proList2 .twoItem .con .zh{ font-size: 15px;}
	.proContact dt,.proContact dd{ float: none; width: auto; text-align:left;}
	.productPCon dt{ display: none;}
	.productPCon dd{ padding-top: 45px;}
	/*.exprienceBox{ padding: 250px 5% 50px; height: auto; width: 90%; background-size:inherit; background-position: left top;}
	.furnitureBox{ padding-top: 340px; background-position: right top;}
	.furnitureDemo .slick-prev{ left: 2%;}
	.furnitureDemo .slick-next{ right: 2%;}
	.proIbox2{ width: 50%; float: none;}
	.proIbox3,.proIbox4{ width: 100%; float: none;}*/
	select.selbox2{ float: none; margin-bottom: 10px;}
	.securityT{ font-size: 26px;}
	.securityBox .r{ width: 100px;}
	.securityBox .r img{ width: 100%; display: block;}
	.pbannerbox .con2 .t{ font-size: 24px;}
	.pbannerbox .con2 .c{ font-size: 14px;}
	.hrAbout_List a{ width: 160px; height: 160px;}
	.joinImg{ padding: 100px 0px;}
	.hrList .hspan:nth-child(3),.hrList .hspan:nth-child(6){ display: none;}
	.hrList .hspan:nth-child(2){ width: 90%; text-indent: 2em; text-align: left;}
	.applicationList li,.applicationList .action li{ width: 50%;}
	.applicationList li.item7{ width: 100%;}
	.CareerList li{ width: 100%; float: none;}
	.aboutLifePage .img,.aboutLifePage .con{ float: none; width: auto;}
	.aboutLifePage .con{ height: auto; padding: 60px 7%;}
	.brandBox{ width: 84%;}
	.brandBox .zh{ font-size: 20px;}
	.brandBox .c{ font-size: 14px;}
	.imgShowBox .overlayClose { top: 0px; background-color: #009470; position: absolute; z-index: 1000; width: 40px; height: 40px;}
	.imgShowDemo .item{ background-size: contain;}
	.imgShowDemo .owl-controls .owl-buttons div{ width: 30px; height: 30px; z-index: 1000; display: none;}
	.serviceDemo .item:hover .icobg{ left: 0%; display: none;}
	.serviceDemo .item:hover .ico{ left: 0%; display: none;}
	.hi-num{ display: none;}
	.imgShowBox{ padding: 50px 0px;}
	.yearQuanBox{ width: 100%;}
	.rightBox2{ float: none; margin: 0px auto 30px;}
	.leftBox{ width: 80%; margin: 0px auto; float:none; text-align: center;}
	.ermBox{ margin: 50px auto 0px; width: 184px;}
	.action .rightBox2{ transition: 500ms ease 0ms; -webkit-transition: 500ms ease 0ms;}
	.mapbox{ height: 300px;}
	.screenBox{ padding: 15px 0px;}
	.screenitem1{ padding: 0px 20px;}
	.screenitem1 dd{ min-height: 25px; padding-left: 70px; margin-right: 0px; position: relative;}
	.screenitem1 .by-conditions-title{ left: 0px; top: 0px; position: absolute;}
	.by-conditions-con a{ display: inline-block;}
	.goldList .t{ font-size: 20px;}
	.glodBanner .c{ font-size: 15px;}
}
@media screen and (max-width:481px) {
	.menuMobilelink a{ width: 50%; }
	.box2T{ width: 288px;}
	#s5 .ibox{ height: 500px;}
	.ibox5c{ width: 288px; height: 288px; margin: -144px 0px 0px -144px;}
	.ibox5c .item{ width: 144px; height: 144px; font-size: 12px;}
	.ibox5c .item .txt,.ibox5c .item .info{ width: 114px; padding: 0px 15px; height: 144px;}
	.ibox5c .item .txt .c{ height: 84px; padding: 20px 0px 0px;}
	.ibox5c .item .info .num{ font-size: 32px; padding: 20px 0px 0px;}
	.ibox5c .item .info .i{ font-size: 16px;}
	.ibox5c .item .info .t{ left:auto; position: relative; bottom: auto;}
	.historyPbox .lico{ padding-left: 0px;}
	.onePorfile .t2{ padding: 15px 0px; line-height: 1.1;}
	.onePorfile .con{ font-size: 20px;}
	.onePorfile .icoBox span{ margin: 0px 5%;}
	.proces-T dd,.proces-info dd{ float: none; width: 100%; background-color: #fff;}
	.proces-padding-l,.proces-padding-r{ padding: 0px;}
	.proces-T .item1,.proces-T .item2,.proces-info .item1,.proces-info .item2{ text-align: center;}
	.proces-info .item1,.proces-T .item1{ padding:20px 0px 30px;}
	.proces-info .item2,.proces-T .item2{ padding-bottom: 20px;}
	.proces-list{ background-color: #fff;}
	.proces-list dt.section{ width: 100%; background-color: #fff;}
	.proces-list dd{ padding: 30px 5% 0; background-color: #fff;}
	.proces-list .pitem1{ width: 30%;}
	.proces-list .pitem2{ width: 70%;}
	.proces-yd{ left: 30%;}
	.p-year{ margin-right: 0px; float: none; padding-right: 0px;}
	.proces-list .proces-R .pitem1{ float: left;}
	.proces-L .month{ margin-right: 0px; float: none;}
	.proces-R .month{ margin: 0px;}
	.proces-L .txt{ margin-left: 24px;}
	.proces-R .txt{ float: none; margin:0px 0px 0px 24px;}
	.newItem{ margin:0px 4% 40px; width: 92%; float: none;}
	.vwrap .videobox { width: 300px; margin-left: -150px; height: 300px; margin-top:-150px; }
	.productNav li{ width: 33.33%;}
	.productList dd{ width: 100%; float: none; margin: 0px 0px 25px;}
	.proinfoList ul{ margin-left: 0px;}
	.proinfoList li{ width: 100%; float: none; margin:0px 0px 30px 0px;}
	.proList2 li .img, .proList2 li.twoItem .img{ width: 100%;}
	.proList2 .oneItem .con,.proList2 .twoItem .con{ left: 5%; width: 90%; color: #fff;}
	.proList2 .twoItem .con .bot,.proList2 .twoItem a:hover .con .bot{ background-color: #fff;}
	.proIbox1 .itemC, .proIbox1 .itemImg,.proIbox3 .itemC, .proIbox3 .itemImg,.proIbox4 .itemC, .proIbox4 .itemImg{ float: none; width: 100%;}
	.proIbox2{ width: 100%;}
	.itemC{ height: 200px;}
	.itemC .con .t{ font-size: 28px;}
	.itemC .con .by{ font-size: 18px;}
	.itemC .img{ display: none;}
	.proIbox1:hover,.proIbox3:hover,.proIbox4:hover{ border:0px none;}
	.goldico{ display: none;}
}
@media screen and (max-width: 375px) {
	.box4Ttx{ width: 224px;}
	.menu{ width: 48px;}
	.menu .l{ display: none;}
	.culturePbox .img{ width: 130%;}
    .vwrap .videobox { width: 240px; margin-left: -120px; height: 300px; margin-top: -150px; }
    .hrAbout_List li{ float: none; width: 100%;}
    .hrAbout_List li:nth-child(1){ margin-bottom: 30px;}
}